<template>
  <view class="container">
    <view class="success-message">
      <text class="icon">&#10003;</text>
      <text class="message">充值成功！</text>
    </view>
    <view class="amount">
      谢谢惠顾！
    </view>
    <button class="return-btn" @click="goBack('/pages/recharge/recharge')">返回</button>
  </view>
</template>

<script>
export default {
  methods: {
	  goBack(url) {
	  	uni.navigateTo({
	  		url: url
	  	})
	  },
  }
}
</script>

<style scoped>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: #f0f4f7;
}

.success-message {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.icon {
  font-size: 48px;
  color: #4CAF50; /* 绿色 */
}

.message {
  font-size: 24px;
  color: #333;
  margin-left: 10px;
}

.amount {
  font-size: 20px;
  color: #666;
  margin-bottom: 30px;
}

.highlight {
  color: #000;
  font-weight: bold;
}

.return-btn {
  padding: 10px 20px;
  font-size: 18px;
  background-color: #007BFF;
  color: white;
  border: none;
  border-radius: 5px;
}
</style>
